@charset "utf-8";
.sj_menu{
    display: none;
}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .box_con {padding: 0 4.6875vw;}
    .head_nav>ul>li{margin: 0 30px;}
    .head_lange, .head_search{margin-left: 20px;}
    .banner,
    .banner .swiper-slide a{height: 430px;}
    .product .product_left{padding: 60px 0;padding-right: 30px;}
    .product .product_right{padding: 60px 0;width: calc(100% - 450px);}
    .product .product_right .mySwiper{margin-top: 40px;height: 700px !important;}
    .product .product_right .swiper-slide{height: calc((100% - 10px) / 2) !important;}
    .product .product_right .swiper_btn{left: 4.6875vw;}
    .machining{padding: 30px 0;}
    .machining_items{margin-top: 40px;}
    .machining_items .item .pic{height: 260px;}

    .about{padding: 40px 0;}
    .about_right{height: 400px;}

    .foot_top{padding: 40px 0;}
    .foot_right dl{margin-left: 70px;}

    
    .service_items .item:nth-child(odd){margin-right: 4%;}
    .service_items .item:nth-child(even){margin-left: 4%;}
    .service_items .item:nth-child(odd) .tct{right: 30px;}
    .service_items .item:nth-child(even) .tct{left: 30px;}
    .service_items .item .tct{padding: 20px;top: 30px;}
    .service_items .item .tct h3{font-size: 24px;padding: 20px 0;}
    .service_items .item .tct h3::before{left: -20px;}
    .service_items .item .tct p{font-size: 16px;line-height: 24px;margin: 20px auto;}
    .service_items .item .tct em{margin: 20px auto;width: 120px;line-height: 40px;}
    .service_items .item{height: 400px;}

    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    .box_con{padding: 0 3.125vw;}
    .head_con h1{max-width: 160px;}
    .head_nav>ul>li>a{font-size: 18px;}
    .head_con h1,
    .head_nav>ul>li,
    .head_lange a{line-height: 65px;}
    .head_search{margin: 14px auto;}
    .banner .swiper-button-prev, .banner .swiper-button-next{width: 40px;height: 40px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{width: 40px;}
    .banner,
    .banner .swiper-slide a{height: 380px;}
    .banner .swiper-pagination-banner{bottom: 30px;}

    .title h4{font-size: 20px;}
    .title h3{font-size: 30px;}
    .title p{font-size: 14px;}
    .machining .desc, .about_left .desc, .product_left .desc{font-size: 14px;line-height: 24px;margin: 20px 0;}
    .product .product_left{max-width: 400px;}
    .product .product_right{width: calc(100% - 430px);}
    .product .product_right .swiper_btn{left: 3.125vw;}
    .product .product_right .product_nav .nav-item{font-size: 16px;}
    .product .product_right .swiper-slide .item h3{font-size: 20px;line-height: 30px;}
    .product .product_right .swiper-slide .item p{font-size: 14px;line-height: 24px;}
    .product .product_right .swiper-slide .item span{height: 130px;}
    .product .product_right .swiper-slide .item{padding: 20px;}
    .product .product_right .mySwiper{height: 550px !important;}
    .product .product_right .swiper_btn .swiper-button-prev, .product .product_right .swiper_btn .swiper-button-next{width: 40px;height: 40px;}
    
    .machining_items .item .pic{height: 230px;}
    .about_right{height: 350px;}

    .machining_items .item .tct h3{font-size: 20px;line-height: 30px;}
    .machining_items .item .tct p{font-size: 14px;line-height: 24px;}

    .foot_logo{max-width: 150px;margin-bottom: 30px;}
    .foot_right dl dt{font-size: 18px;line-height: 30px;}
    .foot_right dl dd a{font-size: 14px;line-height: 24px;}
    .foot_tst b{font-size: 30px;}
    .foot_tst{background-size: contain;}
    .foot_txt p{font-size: 14px;line-height: 30px;}

    .bar{height: 400px;}
    .bar_en{font-size: 70px;}
    .bar_cn{font-size: 36px;margin-top: -40px;}

    .crumbs{padding-bottom: 30px;margin-top: -75px;}

    .box_con2{width: 92%;}
    .main{margin: 30px auto;}
    .about_tct_left .about_tct_tit h3{font-size: 30px;}
    .about_tct_left{width: 46%;}
    .about_tct_right{width: 48%;}
    .crumbs_left ul li{font-size: 16px;}
    .contact_pop{width: 490px;}
    .contact_pop h3,
    .contact_items .item h3{font-size: 24px;}
    .contact_pop p,
    .contact_pop p span,
    .contact_items .item p,
    .contact_items .item p span{font-size: 16px;line-height: 24px;}
    .contact_pop p strong,
    .contact_items .item p strong{font-size: 22px;margin-left: 106px;margin-top: -24px;display: block;}
    .contact_pop p span,
    .contact_items .item p span{margin-left: 106px;margin-top: -24px;}
    #allmap{height: 580px;}

    .contact_bd .item p{font-size: 16px;}
    .contact_bd .item p input,
    .contact_bd .item p textarea{font-size: 16px;}
    .material_left h3{font-size: 24px;}
    .material_items .item h3,
    .material_recommend .item h3{font-size: 20px;}

    .product_right h3{font-size: 24px;}
    .product_right h5{font-size: 20px;}
    .product_btm_tit h3{font-size: 24px;}
    .product_btm_tit ul li{font-size: 18px;}
    .service_tit h3{font-size: 24px;}

    .contact_top{margin-top: -30px;}
    .contact_top{padding-top: 65px;}
    .contact_btm{padding: 65px 0 30px;}
}
@media screen and (max-width:1366px){
    .head_nav>ul>li>a{font-size: 18px;padding: 0 15px;}
}
@media screen and (max-width:1280px){
  
}
@media screen and (max-width:1200px){
    body,
    html {
        overflow-x: hidden !important;
    }

    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 4%;top:18px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: ease-in 1s;position: relative;background: var(--mainColor);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--mainColor);transition: ease-in 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: ease-in 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: ease-in 1s;}
    .son .sj_menu span::after{display: none;}

    .head_right{position: absolute;top: 65px;right: 0;width: 100%;z-index: 9;background: var(--colorf);padding: 20px;box-sizing: border-box;transform: translateX(100%);transition: ease-in-out 0.5s;}
    .head_nav,
    .head_search,
    .head_lange{display: block;width: 100%;}

    
    .head_nav>ul,
    .head_nav ul li ul{display: block;position: static;width: 100%;margin: 0 auto;}
    .head_nav>ul>li{line-height: 34px;margin: 0;}
    .head_nav ul li ul{padding: 0;}
    .head_nav ul li ul li{width: 47%;display: inline-block;border:1px solid var(--colore);margin: 1%;box-sizing: border-box;line-height: 28px;}
    .head_nav>ul>li>a{border-bottom: 1px solid var(--colore);}
    .head_nav>ul>li>a::after{display: none;}
    .son .head_right{transform: translateX(0);transition: ease-in-out 0.5s;}
    .head_lange a::before{display: none;}
    .head_lange a{line-height: 30px;}

    .banner, .banner .swiper-slide a{height: 300px;}
    .box_con{max-width: 600px;width: 92%;padding: 0;}
    header .box_con{padding: 0 3.125vw;}

    .banner .swiper-button-prev, .banner .swiper-button-next{display: none;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{width: 25px;}
    .product .product_left,
    .product .product_right{width: 100%;max-width: 100%;padding: 30px 0;border: none;}
    .product .product_right{padding-top: 0;}
    .product .product_right .product_nav .nav-item{display: none;}
    .product .product_right .swiper_btn{display: none;}
    .product .product_right .mySwiper {position: relative;height: 500px !important;margin-top: 0;}
    .swiper-pagination-mySwiper{display: block;position: absolute;bottom: 0 !important;}
    .machining{background-size: 150% auto !important;}
    .machining_items .item{width: calc(100% / 2 - 10px);margin-right: 20px;}
    .machining_items .item:nth-child(2n){margin-right: 0;}
    .about{padding: 30px 0;}
    .about_left, .about_right{width: 100%;max-width: 100%;}
    .foot_left{width: 100%;}
    .foot_right{display: none;}
    .foot_btm p{padding: 10px 0;font-size: 14px;text-align: center;}
    .foot_btm p a{float: none;display: block;}

    .pops ul li span{width: 36px;height: 36px;font-size: 0;}
    .pops ul li span img{width: 15px;height: 15px;margin-bottom: 0;}
    .pops ul li p{line-height: 36px;right: 30px;}
    .material_items .item a{width: 100%;}
    .material_items .item span{height: 100px;}
    
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    .banner, .banner .swiper-slide a{height: 230px;}
    .banner .swiper-pagination-banner{bottom: 15px;}

    .crumbs{margin: 20px auto;padding-bottom: 0;}
    .crumbs_left ul li{background: rgba(0, 0, 0, 0.08);line-height: 40px;margin-bottom: 10px;}
    .crumbs_left ul li a{padding: 0 10px;}
    .crumbs_right{display: none;}
    .bar {height: 230px;}
    .bar_en{font-size: 36px;}
    .bar_cn{font-size: 24px;margin-top: -20px;}
    .about_tct_left,
    .about_tct_right{width: 100%;margin: 20px auto 0;}
    .material_left{width: 100%;}
    .material_right{width: 100%;}
    .material_items .item span{height: 108px;}
    .material_top .product_left,
    .material_top .product_right{width: 100%;}
    .material_top .product_left{padding: 0;}
    .view{height: 220px;line-height: 220px;}
    .preview{height: 0;opacity: 0;}
    .view .arrow-right, .view .arrow-left{display: block;height: 44px;line-height: 44px;}
    .product_right{padding-top: 20px;}
    .product_right h3{font-size: 20px;}
    .product_right .line{margin: 15px auto;}
    .product_right em{line-height: 40px;}
    .product_btm_tit h3{font-size: 20px;padding: 20px 0;}
    .product_btm_tit ul li{font-size: 16px;line-height: 65px;}
    .product_page ul li a em{display: none;}
    .product_page ul li a{font-size: 16px;line-height: 40px;padding: 0 10px;text-align: center;display: block;}
    .product_page ul li,
    .product_page ul li:nth-child(2){width: 33%;}
    .material_recommend .item{width: 100%;margin: 20px auto 0;}
    .recommend_more{width: 120px;line-height: 40px;}

    .service_items .item{margin: 20px auto;width: 92%;height: 350px;}
    .service_items .item .tct{top: 20px;width: 90%;}
    .service_items .item:nth-child(odd) .tct{right: 20px;}
    .service_items .item:nth-child(even) .tct{left: 20px;}
    .service_items .item .tct h3{font-size: 20px;}
    .service_items .item:nth-child(odd):hover .tct,
    .service_items .item:nth-child(even):hover .tct{transform: translateX(0px);}
    .service_tit h3{font-size: 22px;}
    .service_tit{margin-bottom: 20px;}
    .foot_tst p{line-height: 20px;}
    .product .product_left{padding: 20px 0;}
    .more a{line-height: 40px;}
    .machining_items .item .tct{padding: 10px;}
    .contact_items .item h3{background-size: 5%;}
    .product_page ul{padding: 15px;}
    .product_right h5::after{background-size: 70%;}
    .material_recommend .item span{height: auto;}
    
}
@media screen and (max-width:640px){
    .product .product_right .mySwiper{height: auto !important;}
    .product .product_right .swiper-slide{height: auto !important;display: block;}
    .product .product_right .swiper-slide .item span{height: 170px;}
    .swiper-pagination-mySwiper{position: static;}
    .banner, .banner .swiper-slide a{height: 140px;}
    .machining {background-size: 300% auto !important;}
    .machining_items .item .pic{height: 130px;}
    .about_right{height: 220px;margin-top: 30px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{width: 20px;margin: 0 5px;}
    .title h3{font-size: 24px;}
    .title h4{font-size: 18px;}
    .foot_tst b{font-size: 24px;}
    .machining_items .item .tct h3,
    .product .product_right .swiper-slide .item h3{font-size: 18px;}
    header .box_con{padding: 0;}

    #allmap{height: 300px;}
    .contact_top{padding-bottom: 20px;padding-top: 0;}
    .contact_pop{position: static;width: 100%;box-sizing: border-box;padding: 20px;}
    .contact_pop p span{max-width: 300px;width: auto;}
    .contact_items .item{width: 100%;margin: 20px auto 0;padding: 20px;box-sizing: border-box;}
    .contact_btm{padding: 20px 0;}
    .contact_btm_tit h3{font-size: 24px;}
    .contact_btm_tit p{font-size: 16px;line-height: 24px;}
    .contact_bd .item{width: 100%;margin: 0 auto;}
    .contact_bd .item p input{height: 40px;line-height: 40px;}
    .contact_bd .item p .imgs{height: 38px;width: 100px;top: 2px;}
    .contact_bd .item p button{width: 120px;line-height: 40px;}

    .contact_pop h3, .contact_items .item h3{font-size: 20px;}
    .contact_pop p strong, .contact_items .item p strong{font-size: 20px;}
    
    .about_tct{padding-top: 0;}
    .about_tct_left .about_tct_tit{margin-top: 0;}
    .about_tct_left .about_tct_tit h3{font-size: 24px;}
    .about_tct_right{height: auto;}
    
    .material_items .item{width: 100%;margin: 20px auto 0;}
    .material_items .item span{height: auto;}
    .material_left>ul li a,
    .material_items .item h3{font-size: 18px;}

    .page_list ul li,
    .page_list ul li a{width: 40px;height: 40px;line-height: 40px;font-size: 16px;margin: 0 2px;}

    .foot_tst{background-size: 10% !important;padding-left: 50px;}
    
}
@media screen and (max-width:414px){
    .head_search{width: 100px;position: fixed;top: -63px;height: 34px;right: 40px;z-index: 10;transform: translateX(-355%);}
    .son .head_search{transform: translateX(-5%);}
}
@media screen and (max-width:375px){
    .banner, .banner .swiper-slide a{height: 0}
    /*  */
    .head_search{width: 120px;position: fixed;top: -63px;height: 34px;right: 40px;z-index: 10;transform: translateX(-322%);}
    .son .head_search{transform: translateX(-15%);}
}
@media screen and (max-width:360px){
    /*  */
    .head_search{width: 120px;position: fixed;top: -63px;height: 34px;right: 40px;z-index: 10;transform: translateX(-303%);}
    .son .head_search{transform: translateX(-15%);}
}
@media screen and (max-width:320px){
    
}